//从 vue 库导入，用于创建 Vue 应用实例
import { createApp } from 'vue';
import App from './App.vue';
//导入路由配置，用于设置应用的路由
import router from './router';
//引入css样式
import 'normalize.css'
import '@/assets/css/base.css'
// import 'animate.css';
// 导入刚刚创建的 index.js 文件
import i18n from "@/lang/index.js";
//引入echarts
import * as echarts from 'echarts';
//统一暴露api里的接口
import * as API from '@/api'
//导入 TypeNav,Carousel,Pagination 组件，它将作为一个全局组件在应用中注册
import Pagination from './components/Pagination/index.vue'
import Breadcrumb from './components/Breadcrumb/index.vue';

import store from './store';

//创建 Vue 应用实例并传入根组件 App
const app = createApp(App);

//全局引入事件总线
import mitt from 'mitt';
const bus = mitt();
//将 bus 对象添加到 Vue 实例的原型上，作为 $bus 属性。这样，在任何 Vue 组件中，都可以通过 this.$bus 来访问这个 bus 对象
app.config.globalProperties.$bus = bus //相当于Vue2中的:Vue.prototype.$bus = bus
app.config.globalProperties.$API = API
app.config.globalProperties.$echarts = echarts;

app.component('Pagination', Pagination)
app.component('Breadcrumb', Breadcrumb)
// app.component('vue3-pdfjs', Vue3Pdfjs);

app.use(router)
app.use(store);
app.use(i18n)
app.mount('#app')